<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/dateView.css">
</head>
<body>
<div id="container">
    <div id="select">
        查询条件：
            <select id="hh">
                <option value="all">查询全部(时间)</option>
                <option value="wen">温湿度传感器</option>
                <option value="lig">光照度传感器</option>
            </select>
    </div>
    <div class="title">
        <h2>历史数据展示</h2>
    </div>
    <table>
        <tbody>
        <tr>
            <td>温度</td>
            <td>湿度</td>
            <td>光照度</td>
        </tr>
        <tr th:each="total:${pageInfo.list}">
            <td th:text="${total.temperature}"></td>
            <td th:text="${total.humidity}"></td>
            <td th:text="${total.light}"></td>
        </tr>
        </tbody>
    </table>
    <div id="footer">
        <p>当前在第 <span th:text="${pageInfo.pageNum}"></span> 页,共<span th:text="${pageInfo.pages}"></span> 页,共 <span th:text="${pageInfo.total}"></span> 条数据</p>
        <a th:href="@{/queryTemp}">首页</a>
        <a th:href="@{/queryTemp(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">上一页</a>
        <a th:href="@{/queryTemp(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">下一页</a>
        <a th:href="@{/queryTemp(pageNum=${pageInfo.pages})}">尾页</a>
    </div>
 </div>
</body>
</html>